<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{$title}-好诗文网--在线免费无弹窗开放式诗歌散文鬼故事网站</title>
<meta name="keywords" content="{$site.description}">
<meta name="description" content="{$site.description}">
<link href="__ROOT__/shiwen/pc/xin/css/index.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="__ROOT__/shiwen/pc/xin/css/sweetalert.css">
<link type="image/x-icon" href="__ROOT__/shiwen/pc/xin/image/okshiwen.ico" rel="icon">
<!-- 谷歌广告-->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2289811950774018" crossorigin="anonymous"></script>
<style>
.t_st_in{width:72px;height:26px;}
.just_st_index{width:54px;height:26px;}
.masker{position: fixed;z-index: 9998;top: 0;left: 0;right: 0;bottom: 0;background-color: #000;opacity: .5;display:none;}
/* 添加到你的CSS文件中 */
/* 优化后的分页样式 */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

.pagination ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.pagination li {
    margin: 0 3px;
}

.pagination a, 
.pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    border: 1px solid #e1e4e8;
    border-radius: 4px;
    color: #3399D5;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.pagination a:hover {
    background-color: #f0f7ff;
    border-color: #cce0f5;
    color: #2679b5;
    transform: translateY(-1px);
}

.pagination .active span {
    background-color: #3399D5;
    color: white !important;
    border-color: #3399D5;
    box-shadow: 0 2px 4px rgba(51, 153, 213, 0.2);
}

.pagination .disabled span {
    color: #d1d5da !important;
    background-color: #f6f8fa;
    border-color: #e1e4e8;
    cursor: not-allowed;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .pagination li {
        margin: 0 2px;
    }
    .pagination a, 
    .pagination span {
        min-width: 32px;
        height: 32px;
        font-size: 13px;
    }
}
</style>
<!-- 谷歌广告-->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2289811950774018"
     crossorigin="anonymous"></script>
</head>

<body>
{include file="pc/index/header"}
		<div id="content">
			<div id="main">
				<div class="channel">
					<h1><a href="http://okshiwen.cn:55151">{$title}</a></h1>
                  
				</div>
				<div style="width:468px;margin-left:auto;margin-right:auto;margin-top:20px;"></div>
				<ul class="alist">
					{volist name="list" id="vo"}
					<li>
						<h3><em><a href1="">0</a><span class="corner"></span></em><a href="/article/{$vo['id']}.html" target="_blank">{$vo.title}</a></h3>
						<div class="desc">
							{$vo.content|strip_tags|mb_substr=0,150}
						</div>
						<div class="info">{$vo['add_time']}</div>
					</li>
					{/volist}

					<div class="pagination">{$list->render()|raw}</div>
				</ul>
			</div>
			<!--main-->
			<div id="sidebar">
				<div class="mod">
					<h2>最新发布的文章</h2>
					<ul>
						{volist name="new" id="vo"}
							<li><a href="/article/{$vo['id']}.html" target="_blank">{$vo.title}</a></li>
						{/volist}
					</ul>
				</div>
				<div class="mod">
					<h2>编辑推荐文章</h2>
					<ul>
						{volist name="recommend" id="vo"}
							<li><a href="/article/{$vo['id']}.html" target="_blank">{$vo.title}</a></li>
						{/volist}
					</ul>
				</div>
				
				<div class="mod">
					<h2>访问量榜</h2>
					<ul>
						{volist name="access" id="vo"}
							<li><a href="/article/{$vo['id']}.html" target="_blank">{$vo.title}</a></li>
						{/volist}
					</ul>
				</div>
              
				
			</div>
			<!--#sidebar-->

		</div>
		
		<div class="footerwrap">
			<div id="footer">
				<div class="links">
					
				</div>
				<div>本站作品版权所有，未经许可不得转载 湘ICP备16012007号-2</div>
				<div>CopyRight &copy;2007-2014 <a href="/">诗文网</a></div>
			</div>
		</div>
	</div>	
<script src="__ROOT__/shiwen/pc/xin/js/jquery.min.js"></script>
<script src="__ROOT__/shiwen/pc/xin/js/sweetalert.min.js"></script>
<script src="__ROOT__/shiwen/pc/xin/js/common.js"></script>
</body>
</html>